//引入gulp模块
const gulp = require("gulp");
const sass = require("gulp-sass");

//取一个任务名字task
//执行这个sass任务，把sass目录下的文件编译成css文件
gulp.task('sass', function () {
    //nested:嵌套缩进的css代码，他是默认值
    //expanded：没有所进的，扩展的css代码
    //compact：简洁格式的css代码
    //compre：压缩后的css代码

    return gulp.src('./src/sass/*.scss')
        .pipe(sass.sync({ outputStyle: 'compressed' }).on('error', sass.logError))
        .pipe(gulp.dest('./src/css'));
});

//独立的任务
gulp.task('default', function () {
    return gulp.watch('./src/sass/*.scss', ['sass']);
});
